<template>
	<view class="main-content flex-center">
		<svg version="1.1" id="Layer_1" x="0px" y="0px" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
			<rect x="0" y="13" width="4" height="5" fill="#409eff">
				<animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite" />
				<animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite" />
			</rect>
			<rect x="10" y="13" width="4" height="5" fill="#409eff">
				<animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
				<animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
			</rect>
			<rect x="20" y="13" width="4" height="5" fill="#409eff">
				<animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
				<animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
			</rect>
		</svg>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import { onLoad } from '@dcloudio/uni-app'
	import { clear, msg } from '../../utils/utils.js'
	const state = reactive()

	onLoad((query) => {
		clear()
		uni.navigateTo({
			url: '/views/login/Login'
		})
	})
</script>
<style lang="scss" scoped>
	.main-content {}
</style>